<template>
  <svg
    class="text-white"
    width="120"
    height="32"
    viewBox="0 0 120 28"
    xmlns="http://www.w3.org/2000/svg"
  >
    <title>Turborepo</title>
    <defs>
      <linearGradient
        id="logo-ring-gradient"
        x1="15.0234"
        y1="4.00556"
        x2="3.64419"
        y2="15.3847"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#0096FF"></stop>
        <stop offset="1" stop-color="#FF1E56"></stop>
      </linearGradient>
      <linearGradient id="gradient">
        <stop offset="0%" stop-color="#000000"></stop>
        <stop offset="25%" stop-color="#ffffff"></stop>
        <stop offset="85%" stop-color="#ffffff"></stop>
        <stop offset="100%" stop-color="#000000"></stop>
      </linearGradient>
      <mask id="logo-mask">
        <rect
          x="0"
          y="0"
          width="46"
          height="26"
          fill="url(#gradient)"
          transform="translate(-8,0)"
        ></rect>
      </mask>
    </defs>
    <g mask="url(#logo-mask)" transform="translate(8,0)">
      <g
        class="z-0 relative"
        opacity="1"
        data-projection-id="355"
        transform-origin="13.5600004196167px 13.5600004196167px"
        style="transform: none; transform-origin: 13.56px 13.56px"
      >
        <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M10.9443 10.4846C10.6829 10.4846 10.4709 10.6966 10.4709 10.958V16.2234C10.4709 16.4849 10.6829 16.6968 10.9443 16.6968H16.2097C16.4712 16.6968 16.6831 16.4849 16.6831 16.2234V10.958C16.6831 10.6966 16.4712 10.4846 16.2097 10.4846H10.9443ZM7.14628 6.72631C6.90676 6.72631 6.71263 6.92045 6.71263 7.15994V20.0215C6.71263 20.261 6.90676 20.4551 7.14628 20.4551H20.0078C20.2473 20.4551 20.4414 20.261 20.4414 20.0215V7.15994C20.4414 6.92045 20.2473 6.72631 20.0078 6.72631H7.14628Z"
          class="fill-white"
        ></path>
        <path
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M2 13.8059V22.1684C2 22.7295 2.15656 23.254 2.42838 23.7007L5.44339 20.6857V13.8059H2ZM3.37481 24.664L6.36423 21.6745C6.38505 21.6758 6.40605 21.6765 6.42723 21.6765H13.0144V25.12H4.95147C4.37169 25.12 3.83094 24.9528 3.37481 24.664ZM14.3648 25.12H22.1684C23.7985 25.12 25.12 23.7985 25.12 22.1684V4.95147C25.12 3.32142 23.7985 2 22.1684 2H13.8059V5.44339H20.6927C21.236 5.44339 21.6765 5.88386 21.6765 6.42723V20.6927C21.6765 21.2361 21.236 21.6765 20.6927 21.6765H14.3648V25.12Z"
          fill="url(#logo-ring-gradient)"
        ></path>
      </g>
    </g>
    <g
      class="z-10 relative header-logo_desktopLogo__cwWdp"
      transform="translate(8,0)"
    >
      <path
        d="M48.2623 11.2944V8.24418H33.5623V11.2944H39.1115V21.4374H42.713V11.2944H48.2623Z"
        class="fill-white"
      ></path>
      <path
        d="M56.5679 21.6396C61.0882 21.6396 63.5688 19.3427 63.5688 15.5574V8.24418H59.9673V15.2083C59.9673 17.3214 58.8648 18.5158 56.5679 18.5158C54.271 18.5158 53.1685 17.3214 53.1685 15.2083V8.24418H49.567V15.5574C49.567 19.3427 52.0476 21.6396 56.5679 21.6396Z"
        class="fill-white"
      ></path>
      <path
        d="M69.0819 17.0642H72.665L75.4947 21.4374H79.6291L76.4319 16.6783C78.2326 16.0352 79.3351 14.6019 79.3351 12.6542C79.3351 9.82443 77.222 8.24418 74.0064 8.24418H65.4804V21.4374H69.0819V17.0642ZM69.0819 14.2161V11.2577H73.8226C75.0905 11.2577 75.7887 11.8089 75.7887 12.7461C75.7887 13.6281 75.0905 14.2161 73.8226 14.2161H69.0819Z"
        class="fill-white"
      ></path>
      <path
        d="M81.0108 21.4374H90.4372C93.3772 21.4374 95.0677 20.0409 95.0677 17.7073C95.0677 16.1454 94.0754 15.0797 92.8994 14.6019C93.7079 14.2161 94.7002 13.2973 94.7002 11.8457C94.7002 9.51206 93.0464 8.24418 90.1248 8.24418H81.0108V21.4374ZM84.4653 13.4076V11.1658H89.7573C90.7496 11.1658 91.3008 11.5517 91.3008 12.2867C91.3008 13.0217 90.7496 13.4076 89.7573 13.4076H84.4653ZM84.4653 16.1087H90.0881C91.0619 16.1087 91.5948 16.5864 91.5948 17.3031C91.5948 18.0197 91.0619 18.4974 90.0881 18.4974H84.4653V16.1087Z"
        class="fill-white"
      ></path>
      <path
        d="M103.873 8.02368C99.2612 8.02368 95.9353 10.9086 95.9353 14.8408C95.9353 18.7731 99.2612 21.6579 103.873 21.6579C108.485 21.6579 111.793 18.7731 111.793 14.8408C111.793 10.9086 108.485 8.02368 103.873 8.02368ZM103.873 11.1474C106.299 11.1474 108.118 12.5807 108.118 14.8408C108.118 17.1009 106.299 18.5342 103.873 18.5342C101.448 18.5342 99.6287 17.1009 99.6287 14.8408C99.6287 12.5807 101.448 11.1474 103.873 11.1474Z"
        class="fill-white"
      ></path>
    </g>
  </svg>
</template>
